<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<select id="yearSel" onchange="change()">
		</select>
		<select id="monthSel"></select>
		<select id="daySel"></select>
		
		<br />
		<div id="div01"></div>
		
		<script>
			
			for(var i=1990;i<=2024;i++)
			{
				// 1. 创建一个p标签节点
				var tmpOption   = document.createElement("option");
				// 2. 创建一个文本节点
				var txtNode = document.createTextNode(i+"年");
				// 3. 将文本放入p标签节点
				tmpOption.appendChild(txtNode);
				// 4. 将tmpP放入div01
				yearSel.appendChild(tmpOption);
			}
			
			function change()
			{
				console.log(yearSel.value);
				div01.textContent = yearSel.value;
			}
			
		</script>
		
	</body>
</html>